body {
    background-image: url(../img/bg5.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    font-family: 'Open Sans','helvetica',arial,sans-serif;
    font-weight: 300;
    color: #62686f;
}

h1, h2, h3, h4, h5, h6 {
  color: #333;
  font-weight: 300;
}

.container {
    width: 960px;
    margin: 0 auto;
}

.container .main-header {
    margin-top: 105px;
    padding: 1px;
    text-align: center;
    background-image: url(../img/banner.jpg);
}

.main-header .main-header__avatar {
    display: block;
    margin: 0 auto;
    margin-top: -70px;
    border: 3px solid white;
    border-radius: 999px;
    box-shadow: 0 0px 2px 1px rgba(0,0,0,0.2);
}

.main-header h1{
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 50px;
    font-family: 'Open Sans','helvetica',arial,sans-serif;
    text-shadow: 0 1px rgba(0,0,0,0.3);
    color: #ffffff;
}

.main-nav {
    text-align: center;
    background-color: #333;
}

.main-nav ul{
    margin: 0px;
}

.main-nav ul li{
    display: inline-block;
    margin: 15px 10px;
}

.main-nav ul li a{
    color: #ffffff;
    font-size: 0.9rem;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
}

.main-nav ul a.selected, .main-nav ul li a:hover{
    text-decoration: underline;
}

.info-section {
    background-color: #fff;
    padding: 30px 60px;
}

.info-section header {
    text-align: center;
    margin-bottom: 60px;
}
.info-section header h2 {
    font-size: 28px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.info-section header h2::after {
    content: "";
    display: block;
    width: 92px;
    margin: 0 auto;
    border-bottom: 3px solid black;

}

.info-section__description {
    font-style: italic;
}

.whatido__skill-list {
    list-style: none;
    overflow: hidden;
}

.whatido__skill-list li {
    float: left;
    width: 33.3%;
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 115px;
    text-align: center;
}

.whatido__skill--code {
    background-image: url(../img/skill-code.png);
}

.whatido__skill--design {
    background-image: url(../img/skill-design.png);
}

.whatido__skill--product {
    background-image: url(../img/skill-product.png);
}